<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>魔都之旅</title>
	</head>
	<link rel="stylesheet" type="text/css" href="css/style.css"/>
	<link rel="stylesheet" type="text/css" href="css/page1.css"/>
	<link rel="stylesheet" type="text/css" href="css/page2.css"/>
	<link rel="stylesheet" type="text/css" href="css/page3.css"/>
	<link rel="stylesheet" type="text/css" href="css/page4.css"/>
	<body font-size="62.5%">
		<div class="content">
			<div class="page page1">
				<img src="img/door.jpg" class="page1_door"/>
				<p class="page1_title page1_title_p1">魔</p>
				<p class="page1_title page1_title_p2">都</p>
				<p class="page1_title page1_title_p3">之</p>
				<p class="page1_title page1_title_p4">旅</p>
				<span class="line line1"></span>
				<span class="line line2"></span>
			</div>
			<div class="page page2">
				<img src="img/bg_left.png" class="page2_bg_left"/>
				<img src="img/bg_right.png" class="page2_bg_right"/>
				<img src="img/bg_bottom.png" class="page2_bg_bottom"/>
				<img src="img/ticket.jpg" class="page2_ticket"/>
				<img src="img/sleep.jpg" class="page2_sleep"/>
				<p class="page2_title page2_title_p1">风</p>
				<p class="page2_title page2_title_p2">雨</p>
				<p class="page2_title page2_title_p3">兼</p>
				<p class="page2_title page2_title_p4">程</p>
			</div>
			<div class="page page3">
				<!--<img src="img/bg.jpg" class="page3_modu1" />-->

				<img src="img/family.jpg" class="page3_modu3" />

				<img src="img/modu.jpg" class="page3_modu2" />

				<img src="img/ye.jpg" class="page3_modu4" />
				
				<img src="img/bg_left.png" class="page3_bg_left"/>
				<img src="img/bg_right.png" class="page3_bg_right"/>
				<img src="img/bg_bottom.png" class="page3_bg_bottom"/>

			</div>
			<div class="page page4">
				<img src="img/bg_left.png" class="page4_bg_left"/>
				<img src="img/bg_right.png" class="page4_bg_right"/>
				<img src="img/bg_bottom.png" class="page4_bg_bottom"/>
				<div class="div4 page4_1">
					<img src="img/game.png"  />
				</div>
				<div class="div4 page4_2">
					<img src="img/study.jpg" />
				</div>
				<div class="div4 page4_3">
					<img src="img/wph.png" />
				</div>
				<div class="div4 page4_4">
					<img src="img/teacher.png" />
				</div>
				<p class="p4">学习使我快乐</p>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="js/jquery-2.1.0.js" ></script>
	<script type="text/javascript" src="js/jquery.touchSwipe.min.js" ></script>
	<script type="text/javascript" src="js/main.js" ></script>
</html>
